<template>
  <div ref="wrap">

  </div>
</template>

<script setup>
import { onMounted, ref } from 'vue';
import imgs from './many_picture'
import HandsomeImageLoading from './HandsomeImageLoading.js'

// console.log(`当前图片数量为--> ${imgs.length}张`);
const wrap = ref()
let imgarr = imgs

onMounted(() => {
  // 传入要存放图片的容器, 图片列表
  let HIL = new HandsomeImageLoading(wrap.value, imgarr)
  HIL.start(3)
})
</script>

<style lang="scss" scoped>
div {
  background-color: #ccc;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}
</style>
